  <template>
    <view class="personal-center-page">
      <!-- <lgb-head logoUrl="" text="个人中心"></lgb-head> -->
      <view class=""></view>
      <ys-personal-info :list="personalInfo"></ys-personal-info>
      <ys-personal-menu :list="menuList"></ys-personal-menu>
      <button type="primary" class="tobuy">去购物</button>
      <button type="primary" class="exit">退出当前账号</button>
      <ys-bottom-nav :list="bottomNav"></ys-bottom-nav>
    </view>
    
  </template>

  <script>
    export default {
              data() {
                  return {                               
                      bottomNav : [
                          {"icon": "ys-icon ys-icon-home", "active": "ys-tab-label", "name": "首页", "icon_big" : "", "num" : ""},
                          {"icon": "ys-icon", "active": "ys-tab-label active", "name": "购物车", "icon_big" : "cart-icon", "num" : ""},
                          {"icon": "ys-icon ys-icon-my", "active": "ys-tab-label", "name": "我的", "icon_big" : "", "num" : ""},
                    ],
              personalInfo:[
                {"portrait":"http://img2.imgtn.bdimg.com/it/u=1129809257,654238197&fm=26&gp=0.jpg","name":"张三","account":15212365478}
              ],
              menuList:[
                {"icon":"http://thyrsi.com/t6/674/1551105538x2728329023.png","name":"全部订单","content":""},
                {"icon":"http://thyrsi.com/t6/674/1551105581x2728329023.png","name":"未付款","content":""},
                {"icon":"http://thyrsi.com/t6/674/1551105774x2890191655.png","name":"待提货","content":""},
                {"icon":"http://thyrsi.com/t6/674/1551105806x2890191655.png","name":"已提货","content":""},
                {"icon":"http://thyrsi.com/t6/674/1551105829x2890191655.png","name":"我的自提点","content":"长沙市雨花区汇富中心"},
                {"icon":"http://thyrsi.com/t6/674/1551105852x2890191655.png","name":"我的优惠卷","content":""}
                
              ]
                };
            },
            
      }
  </script>

  <style lang="scss"> 
    @font-face {
       font-family: 'iconfont';  /* project id 1059400 */
       src: url('//at.alicdn.com/t/font_1059400_cct6olhfq1m.eot');
       src: url('//at.alicdn.com/t/font_1059400_cct6olhfq1m.eot?#iefix') format('embedded-opentype'),
       url('//at.alicdn.com/t/font_1059400_cct6olhfq1m.ttf') format('truetype'),
    }
    page{
      width: 100%;
      height: 100%;
      background-color: #f7f7f7;
    }
    .personal-center-page{
      .tobuy{
        width: 90%;
        height: 92upx;
        margin: 365upx auto 20upx auto;
        border-radius: 12upx;
        font-size: 30upx;
        border: 0;
        background-color: #FFDE00;
        color: #333;
        outline: none;
        line-height: 92upx;
      }
      .exit{
        width: 90%;
        margin: 0 auto;
        border-radius: 12upx;
        border: 0;
          color: #1A1A1A;
          background-color: #fff;
        font-size: 30upx;
        color: #000;
        outline: none;
        height: 92upx;
        line-height:92upx;
      }
    }
  </style>
